header {
    background-color: #FF6040;
    padding-top: 0.44rem;
    box-sizing: border-box;
}

header .tu_box {
    height: 0.44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.06rem 0 0.17rem;
    box-sizing: border-box;
}

header .tu_box>span {
    font-size: 0.17rem;
    color: #fff;
}

header .tu_box>.h2 {
    opacity: 0.8;
    font-size: 0.17rem;
    color: #FFFFFF;
    margin-left: 0.70rem;
}


header .tu_box .tu_box_you {
    width: 0.87rem;
    height: 0.32rem;
}



header .tu_box1 {
    height: 0.48rem;
    /* background-color: blue; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;

}

header .tu_box1>input {
    width: 3.55rem;
    height: 0.32rem;
    border: none;
    border: 0.01rem solid #E6E6E6;
    border-radius: 0.03rem;
    padding-left: 0.12rem;
    box-sizing: border-box;

    font-size: 0.14rem;
    color: #999999;
}

header .tu_box1>span {
    font-size: 0.20rem;
    color: #fff;
}

header ul {
    height: 0.32rem;
    background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
    color: #FFF3F2;
    padding-left: 0.1rem;
    box-sizing: border-box;
    box-shadow: 0 0.02rem 0.06rem 0 rgba(255, 149, 128, 0.50);

}

header ul .li3:hover {
    font-size: 0.16rem;
    color: #fff;
}

header ul .li1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header ul .li1 span {
    margin-right: 0.03rem;
}

header ul .li2 {
    width: 0.65rem;
    height: 0.32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(180deg, #FF7A68 0%, #FF8A80 100%);
    box-shadow: -0.05rem 0px 0.1rem -0.05rem #E63D2E;
    padding-right: 0.1rem;
    box-sizing: border-box;
}

header ul .li2>i {
    font-size: 0.20rem;
    align-self: center;
    margin-top: 0.02rem;
    margin-right: 0.04rem;
}

.box2 {
    width: 3.55rem;
    height: 0.32rem;
    background: #FFF4F2;
    border: 0.01rem solid #FF6040;
    border-radius: 0.02rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.1rem auto;
    font-size: 0.16rem;
    color: #FF6040;
}
.box2 .h1{
    line-height: 0.32rem;
}

.box3 {
    width: 3.56rem;
    height: 1.09rem;
    display: flex;
    margin: 0 auto;
    margin-top: 0.2rem;
}

.box3 .box3_1 {
    width: 1.08rem;
    height: 1.09rem;
    margin-right: 0.15rem;
}

.box3 .box3_1 img {
    width: 1.08rem;
    height: 1.09rem;
}

.box3 .box3_2 h3 {
    font-size: 0.16rem;
    color: #333333;
    height: 0.16rem;
    line-height: 0.16rem;
    margin-bottom: 0.05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.box3 .box3_2 .p1 {
    font-size: 0.14rem;
    color: #999999;
    height: 0.14rem;
    line-height: 0.14rem;

}

.box3 .box3_2 .p2 {
    height: 0.16rem;
    line-height: 0.16rem;
    margin-top: 0.16rem;
    margin-bottom: 0.05rem;
}

.box3 .box3_2 .p2 .span1 {
    font-size: 0.1rem;
    color: #FF6040;
}

.box3 .box3_2 .p2 .span2 {
    font-size: 0.2rem;
    color: #FF6040;
}

.box3 .box3_2 .p2 s {
    font-size: 0.1rem;
    color: #999999;
    margin-right: 0.1rem;
}

.box3 .box3_2 .p2 .span3 {
    font-size: 0.1rem;
    color: #999999;
}

.box3 .box3_2 .box3_3 {
    width: 0.83rem;
    height: 0.16rem;
    background: #FF8066;
    font-size: 0.1rem;
    color: #FFFFFF;
    line-height: 0.16rem;
    text-align: center;
}

.box3 .box3_2 .p3 {
    margin-top: 0.09rem;
}

.box3 .box3_2 .p3 span {
    font-size: 0.1rem;
    color: #999999;
}

.box3 .box3_2 .p3 .span4 {
    margin-right: 0.1rem;
}

.box4 {
    width: 3.75rem;
    height: 0.34rem;
    position: fixed;
    bottom: 0.1rem;
    margin: 0 auto;
}

.box4 img {
    width: 1.34rem;
    height: 0.34rem;
    display: block;
    margin: 0 auto;
}